﻿
@{
    Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>spieltagAdd</title>

    <script src="~/Scripts/jquery-1.10.2.min.js"></script>
    <link href="~/layer/skin/layer.css" rel="stylesheet" />
    <script src="~/layer/layer.js"></script>
    <link rel="Bookmark" href="/favicon.ico">
    <link rel="Shortcut Icon" href="/favicon.ico" />
    <link href="~/H-ui/static/h-ui/css/H-ui.min.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/css/H-ui.admin.css" rel="stylesheet" />
    <link href="~/H-ui/lib/Hui-iconfont/1.0.8/iconfont.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/skin/default/skin.css" rel="stylesheet" />
    <link href="~/H-ui/static/h-ui.admin/css/style.css" rel="stylesheet" />
    <script src="~/H-ui/lib/jquery/1.9.1/jquery.min.js"></script>
    <script src="~/H-ui/lib/layer/2.4/layer.js"></script>
    <script src="~/H-ui/static/h-ui/js/H-ui.min.js"></script>
    <script src="~/H-ui/static/h-ui.admin/js/H-ui.admin.js"></script>
    <script src="~/H-ui/lib/jquery.contextmenu/jquery.contextmenu.r2.js"></script>

    <style>
        table {
            width: 890px;
            height: 450px;
            margin: 0 auto;
        }

            table tr {
                width: 127px;
            }

                table tr td {
                    font-size: 13px;
                    font-weight: 900;
                }
    </style>
</head>
<body>
    <!--整体-->
    <div style="width:100%;height:100%;">
        <!--图片-->
        <div><img src="~/Images/考试场次.PNG" style="width:100%;" /></div>
        <!--新建整体-->
        <div style="width:100%;height:100%;">
            <!--新建显示-->
            <div style="width:1000px;height:100%;margin:0 auto;">
                <!--新建考试场次Login与返回按钮-->
                <div style="width:940px;height:47px;margin:0 auto;">
                    <!--Login-->
                    <div style="width:200px;float:left;"><h4><i class="Hui-iconfont">&#xe67e;</i>新建考试场次</h4></div>
                    <!--Button-->
                    <div style="width:55px;float:right;margin-top:8px;"><button class="btn btn-primary-outline radius size-M hui-fadeinR">返回</button></div>
                </div>
                <hr style="margin:0 auto;width:940px;" />
                <!--添加信息-->
                <div style="width:890px;height:500px; margin:0 auto;">
                    <table id="tb1" onmouseover="">
                        <tr>
                            <td>场次名称：<input class="input-text radius" style="width:300px" type="text" placeholder="&nbsp;&nbsp;例如：XX公司校园招聘考试 第一批" /></td>
                            <td>内部简称：<input class="input-text radius" style="width:200px" type="text" placeholder="&nbsp;&nbsp;例如：华南区使用" />&nbsp;<span style="font-size:small;color:#808080;">此项不显示给考生</span></td>
                        </tr>
                        <tr>
                            <td colspan="2">应用场景：<button class="size-M btn btn btn-secondary-outline">在线考试</button>&nbsp;&nbsp;<button class="size-M btn btn btn-primary-outline">培训考核</button>&nbsp;&nbsp;<button class="size-M btn btn btn-primary-outline">内部测评</button>&nbsp;&nbsp;<button class="size-M btn btn btn-primary-outline">其他</button>&nbsp;&nbsp;&nbsp;<i class="Hui-iconfont" style="color:#faf50a;" title="考生看到的本次考试的类型，请不要添加公司名称">&#xe6cd;</i></td>
                        </tr>
                        <tr>
                            <td>使用试卷：<button class="btn btn-secondary-outline size-L" onclick="Choose(this)">+&nbsp;选择试卷</button></td>
                        </tr>
                        <tr>
                            <td>
                                考生类型：<button class="btn btn-secondary-outline size-M" id="InviteAnswer">邀请作答</button>&nbsp;&nbsp;<button class="btn btn-secondary-outline size-M" id="PublicAnswer">公开作答</button>&nbsp;&nbsp;&nbsp;<i class="Hui-iconfont" style="color:#faf50a;" title="邀请作答：仅限邀请的考生作答，考前需要先录入考生的信息，例如姓名、手机号、E-mail等
公开作答：面向公众开放，所有人均可自由报名作答，考前不知道考生的名单信息">&#xe6cd;</i>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                考试模式：<button class="btn btn-secondary-outline size-M" id="IntensiveExam">集中考试</button>&nbsp;&nbsp;<button class="btn btn-secondary-outline size-M" id="randomExam">随来随考</button>&nbsp;&nbsp;&nbsp;<i class="Hui-iconfont" style="color:#faf50a;" title="集中考试：所有考生在同一时间打开并作答,试卷不会泄题，类似高考
随来随考：考生在规定时间内自由打开试卷，例如三天内作答完1小时的试卷，答卷时间可能不同，有泄题风险">&#xe6cd;</i>
                            </td>
                        </tr>
                        <!--集中考试-->
                        <tr id="KaiKaoTime" hidden="hidden">
                            <td>开考时间：<input class="input-text radius size-M" type="datetime-local" style="width:200px;" /></td>
                        </tr>
                        <tr id="KaiKaoLater" hidden="hidden">
                            <td>开考后：&nbsp;&nbsp;&nbsp;&nbsp;<input class="input-text radius size-L" style="width:75px;" />&nbsp;&nbsp;&nbsp;<span style="color:#808080;">分钟，不能再登陆考试系统</span></td>
                        </tr>
                        <!--随来随考-->
                        <tr id="startTime" hidden="hidden">
                            <td>开始时间：<input class="input-text radius size-M" type="datetime-local" style="width:200px;" /></td>
                        </tr>
                        <tr id="systemClosingTime" hidden="hidden">
                            <td>系统关闭时间：&nbsp;&nbsp;&nbsp;&nbsp;<input class="input-text radius size-L" style="width:75px;" />&nbsp;&nbsp;&nbsp;<span style="color:#808080;">分钟，不能再登陆考试系统</span></td>
                        </tr>
                        <tr id="MaxUser" hidden="hidden">
                            <td>考生人数上限：<input class="input-text radius size-L" style="width:50px;" />&nbsp;&nbsp;&nbsp;<span style="font-weight:900;font-size:larger;">人</span>&nbsp;&nbsp;&nbsp;<i class="Hui-iconfont" style="color:#faf50a;" title="如果有多个试卷同时考，考试当天，所有试卷可以考试的人数总和为">&#xe6cd;</i>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span>人数不够，现在充值，</span><a href="#" style="color: #2abcb8;text-decoration:none;" onClick="Pay()">增加人数&gt;&gt;</a></td>
                        </tr>
                        <tr>
                            <td>人脸识别：<button class="btn btn-secondary-outline size-M">不使用</button>&nbsp;&nbsp;<button class="btn btn-secondary-outline size-M">使用</button>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<span style="color:#ffd800;font-size:large;">人脸识余额：人</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Tips&nbsp;<i class="Hui-iconfont" style="color:#faf50a;" title="当场次的考生多于人脸识别人数余额时，该场次不能使用人脸识别功能">&#xe6cd;</i></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td colspan="2"><button class="btn btn-secondary radius" style="width:100px;height:30px;">提交</button></td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <!--充值中心-->
    <div id="Pay-demo" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content radius">
                <div class="modal-header" style="height:10px;">
                    <h3 class="modal-title" style="font-weight:900;">充值</h3>
                    <a class="close" data-dismiss="modal" aria-hidden="true">×</a>
                </div>                
                <div class="modal-body" style="height:240px;">
                    <div style="float:left;margin-top:30px;margin-left:10px;width:200px;background:#ff0000;"><img src="~/Images/礼包.jpg" width="200" height="200" /></div>
                    <div style="float:right;width:330px;"><h1>充值送大礼！</h1><br /> 请立刻拨打我们的服务热线，联系客服人员进行充值<br />感谢您对我们产品的支持！<br />电&nbsp;&nbsp;&nbsp;话：<span style="color:#2abcb8">010-11111111、010-22222222</span><br />E-mail：<span style="color:#2abcb8">guohongyu@acmcoder.com</span><br />联系人：<span style="color:#2abcb8">郭女士</span><br /></div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-success radius size-L" data-dismiss="modal" aria-hidden="true">我知道了</button>
                </div>
            </div>
        </div>
    </div>
    <!--模态结束-->
    <!--选择试卷-->
    <!--模态结束-->
</body>
</html>
<script>
    $("#PublicAnswer").click(function () {
        $("#MaxUser").show();
    })
    $("#InviteAnswer").click(function () {
        $("#MaxUser").hide();
    })
    $("#IntensiveExam").click(function () {
        $("#KaiKaoTime").show();
        $("#KaiKaoLater").show();
        $("#startTime").hide();
        $("#systemClosingTime").hide();
    })
    $("#randomExam").click(function () {
        $("#startTime").show();
        $("#systemClosingTime").show();
        $("#KaiKaoTime").hide();
        $("#KaiKaoLater").hide();
    })
    function Pay() {
        $("#Pay-demo").modal("show")
    }
    function Choose() {
        var strHtml = "<div>";
        strHtml += "<div style='height:15px';>";
        strHtml += "</div>";
        strHtml += "试卷名称：<input type='text' class='input-text radius' size-S style='width:150px';>";
        strHtml += "&nbsp;&nbsp;&nbsp;试卷备注：<input type='text' class='input-text radius' size-S style='width:150px';>";
        strHtml += "&nbsp;&nbsp;&nbsp;<button class='btn btn-success radius size-S' style='height:30px';>搜索</button>";
        strHtml += "<div style='height:30px';>";
        strHtml += "</div>";
        strHtml += "<hr />";      
        strHtml += "<table style='width:100%; height:100%;text-align:center;'>";
        strHtml += "<tr><td>试卷名称</td><td>备注</td><td>总题数</td><td>子卷数</td><td>总分值</td><td>总时长</td><td>创建时间</td></tr>";
        strHtml += "</table>";
        strHtml += "</div>";
        strHtml += "<div>";
        strHtml +="<span style='position:absolute; right:0px; bottom:0px;'>";
        strHtml += "<button value='Send' class='btn btn-success radius size-L' style='width:100px;float:right;'>确定</button>";
        strHtml += "</div>";

        layer.open({
            type: "1",
            skin: "layui-layer-rim",
            title: ['选择试卷', 'font-size:20px;'],
            area: ["800px", "405px"],
            offset: 'auto',
            btnAlign: 'r',
            shift: 6,
            fixed: true,
            content: strHtml
        })
    }
    function closeForm() {
        //关闭弹窗
        layer.closeAll();
    }

</script>